<style>
    [v-cloak] { display: none }
    .wanl-money-log .title{
        padding: 10px 0 25px 0;
    }
    .wanl-money-log .title>div{
        font-size: 35px;
        font-weight: 600;
        margin-top: 7px;
    }
    .wanl-money-log .list .flex {
        margin-bottom: 13px;
    }
    .wanl-money-log .list .flex .type{
        width: 75px;
    }
    .wanl-money-log .list .flex .info{
        flex-grow: 1;
    }

    .wanl-money-log .goods .item{
        display: flex;
        align-items: center;
        margin: 13px 0;
        padding-bottom: 13px;
    }

    .wanl-money-log .goods .item img{
        width: 50px;
        height: 50px;
        margin-right: 13px;
    }
    .wanl-money-log .goods .item .info{
        flex: 1;
    }
    .text-sm{

    }
    .wanl-gray{
        color: #999;
    }
    .span-center{
        text-align: center;
    }
    .flex{
        display: flex;
    }
    .bg-white{
        background-color: #fff;
    }
    .padding-xl{
        padding: 20px;
    }
    .margin-top-xl{
        margin-top: 20px;
    }
    .margin-bottom-bj{
        margin-bottom: 13px;
    }
    .text-price::before {
        content: "A$";
        font-size: 80%;
        margin-right: 4rpx;
    }
    .solid-bottom{
        border-bottom: 1px solid #ddd;
    }
    .text-cut-2 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
</style>
<div class="wanl-money-log">
    <!-- 交易 -->
    <div class="panel panel-default">
        <div class="panel-heading">对账单信息</div>
        <div class="panel-body">


                <table class="table table-striped">
                    <tbody>
                    <tr>
                        <td>编号</td>
                        <td>{$row.id}</td>
                        <td>订单编号</td>
                        <td>{$row.order_no}</td>
                    </tr>
                    <tr>
                        <td>包裹编号</td>
                        <td>{$row.package_no}</td>
                        <td>运费成本</td>
                        <td>{$row.package.freight_price}</td>
                    </tr>
                    <tr>
                        <td>货品销售总额</td>
                        <td>{$row.package.package_price}</td>
                        <td>供货总价</td>
                        <td>{$row.package.package_supply_price}</td>
                    </tr>
                    <tr>
                        <td>服务费</td>
                        <td>{$row.package.service_price}</td>
                        <td>结算金额</td>
                        <td>{$row.package.settlement_price}</td>
                    </tr>
                    <tr>
                        <td>包裹下单时间</td>
                        <td>{$row.package.createtime|date="Y-m-d H:i:s",###}</td>
                        <td>状态</td>
                        <td>{$row.status_text}</td>
                    </tr>
                    </tbody>
                </table>


        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">商品信息</div>
        <div class="panel-body">
                <div class="goods">
                    {volist name="package.goods" id="goods"}
                    <div class="item solid-bottom" >
                        <img src="{$goods.image}">
                        <div class="info">
                            <div>
                                <span class="text-cut-2">{$goods.title}</span>
                            </div>
                            <div class="wanl-gray">
                                {$goods.difference} x {$goods.number}
                            </div>
                        </div>
                        <div>
                            <div class="">
                                商品金额:  A$  {$goods.price}
                            </div>
                            <div class="">
                                供货价格:  A$  {$goods.supply_price}
                            </div>
                        </div>
                    </div>
                    {/volist}
            </div>
        </div>
    </div>
</div>